@use './mixin.scss' as *;
.o-menu {
  .o-sub-menu {
    --sub-menu-color-selected: var(--o-color-info1);
    --sub-menu-icon-color-selected: var(--o-color-info1);
    @include respond-to('<=pad_v') {
      --sub-menu-radius: var(--o-radius_control-xs);
      --menu-item-radius: var(--o-radius_control-xs);
    }
  }

  .o-menu-item {
    //--menu-item-color-selected: var(--o-color-info1);
    //--menu-item-icon-color-selected: var(--o-color-info1);
    @include respond-to('<=pad_v') {
      --sub-menu-radius: var(--o-radius_control-xs);
      --menu-item-radius: var(--o-radius_control-xs);
    }
    &:hover {
      &:not(.o-menu-item-selected) {
        color: var(--o-color-ubmc-hover);
      }
    }
  }

}
